import React,{} from 'react'
import { ContentOutline } from 'antd-mobile-icons'
import './style/welcome.scss'
import 'animate.css'
import { useNavigate } from 'react-router-dom'
export default function Welcome() {
  let nav=useNavigate()
  return (
    <div className='welcome'>
          <div className='logo'>
          <ContentOutline color='white' fontSize={200} className='animate__animated animate__rotateIn' />
          <h1>..书库</h1>
          </div> 
          <div className='re'>
              <button onClick={()=>{nav('/login')}}>欢迎登录</button>
        <p>还没有账号？<span onClick={() => { nav('/register') }}>去注册</span></p>
        <p>人脸识别 <span onClick={()=>{nav('/loginR')}}>快捷登录</span></p>
          </div>
    </div>
  )
}
